<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style type="text/css">
	#history_query_form .select2 {
		width: 190px !important;
	}

</style>

<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid histtory_query_chart_div" >
					<div class="span12 ">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<ul class="breadcrumb">
							<li>
								<!--<i class="icon-home"></i>-->
								<span class="c-999">监控管理</span> 
								<i class="icon-angle-right"></i>
							</li>
							<li>
							    <span class="c-999">历史查询</span>
								<i class="icon-angle-right"></i>
							</li>
							<li>
							    <span class="c-666">历史数据分析</span>
							</li>
						</ul>
						
						<!-- END PAGE TITLE & BREADCRUMB-->
							<div class="search-box">
								<div class="search-title">
									<span class="search-criteria c-666">&nbsp;查询条件</span>
								</div>
								<form id="history_query_form">
									<table class="search-body" border="0" cellpadding="0"
										cellspacing="0" width="100%">
										<tr>
											<td>
											     <label class="my-label">
											    	电池ID：
													<select id="query_pack_code" type="text" class="my-select enterSearch" >
													<option value = ""></option>
													</select>
												</label>
											    <label class="my-label">
											    	开始时间： <input id="query_startTime" class="data-picker Wdate enterSearch" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d'})"/>
											    </label>
											    <label class="my-label">
											    	结束时间：<input id="query_endTime" class="data-picker Wdate enterSearch" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d'})"/>
											    </label> 
											    <label class="my-label">
											    	选择数据项目：
											    	<select id="query_type" type="text" class="my-select enterSearch" style="width:160px">
											    	   <option value="0">SOC</option>
											    	   <option value="1">总电压</option>
											    	   <option value="2">总电流</option>
											    	   <option value="3">监测点最高温度</option>
											    	   <option value="4">监测点温度极值与温差</option>
											    	   <option value="5">单体电压极值与压差</option>
											    	   <option value="6">监测点温度值曲线</option>
											    	   <option value="7">单体电压值曲线</option>
													</select>
												</label>
											 </td>
										</tr>
									</table>
								</form>
								<ul class="search-button">
									<li><button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button>
									</li>
									<li><button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button>
									</li>
								</ul>
							</div>

							<div class="table-con" style="margin-bottom: 25px;">
									<div class="table-head">
										&nbsp;&nbsp;&nbsp;<i class="icon-bar-chart"></i>&nbsp;图表
									</div>
									<div class="list-body">
										<div class="table-responsive"  id="test">
										  <div id="histtory_query_chart_div" style="width:100%;min-height:400px;overflow: hidden;height:auto !important;"></div>
										</div>
									</div>
								</div>
					</div>
				</div>
				
				
			</div>
<jsp:include page="/pages/common/modal.jsp"></jsp:include>
<script type="text/javascript" src="pages/history/js/dataAnalysis.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
	    var packCode = '<%=request.getParameter("packCode")%>';
		history_query.init(packCode);
	});
</script>
</html>